$(function(){
    getSum();
    //全选全部选功能的实现
    // 把全选(checkall)状态赋值给三个小按钮(j-checkbox)
    //事件可以使用change
    $('.checkall').change(function(){
        $(this).prop('checked');
        // console.log($(this).prop('checked'));
        $('.j-checkbox, .checkall').prop('checked',$(this).prop('checked'));
        if ($(this).prop("checked")) {
            // 让所有的商品添加 check-cart-item 类名
            $(".cart-item").addClass("check-cart-item");
        } else {
            // check-cart-item 移除
            $(".cart-item").removeClass("check-cart-item");
        }
    });
    $('.j-checkbox').change(function(){
        //如果小复选框被选中的个数等于3 就应该全选按钮选上 否则全不选
        if($('.j-checkbox:checked').length === $('.j-checkbox').length){
            $('.checkall').prop('checked',true)
        }
        else{
            $('.checkall').prop('checked',false)
        }

        if ($(this).prop("checked")) {
            // 让当前的商品添加 check-cart-item 类名
            $(this).parents(".cart-item").addClass("check-cart-item");
        } else {
            // check-cart-item 移除
            $(this).parents(".cart-item").removeClass("check-cart-item");
        }
    })

    //3.增减商品模块 首选声明一个变量 点击+号（increment），就让这个值++然后赋值给文本框
    $('.increment').click(function(){
        //得到当前兄弟文本框的值
        var n = $(this).siblings('.itxt').val();
        // console.log(n);
        n++;
        // $(this).siblings('.itxt').prop('value',n);
        $(this).siblings('.itxt').val(n);
        //计算小计模块 根据文本框的值 乘以 当前 商品的价格
        var p = $(this).parents('.p-num').siblings('.p-price').html();
        // console.log(p);
        //去掉￥符号
        p = p.substr(1);
        var price = (p * n).toFixed(2);
        // console.log(p);
        $(this).parents('.p-num').siblings('.p-sum').html('￥' + price);
        getSum();
    });

    //减量
    $('.decrement').click(function(){
        //得到当前兄弟文本框的值
        var n = $(this).siblings('.itxt').val();
        // console.log(n);
        if(n == 1){
            return false;
        }
        n--;
        // $(this).siblings('.itxt').prop('value',n);
        $(this).siblings('.itxt').val(n);
        //计算小计模块 根据文本框的值 乘以 当前 商品的价格
        var p = $(this).parents('.p-num').siblings('.p-price').html();
        // console.log(p);
        //去掉￥符号
        p = p.substr(1);
        // console.log(p);
        var price = (p * n).toFixed(2);
        // console.log(p);
        $(this).parents('.p-num').siblings('.p-sum').html('￥' + price);
        getSum();
    });

    //用户修改文本框的值 计算 小计模块
    $('.itxt').change(function(){
        $(this).val();
        // console.log($(this).val());
        var p = $(this).parents('.p-num').siblings('.p-sum').html();
        p = p.substr(1);
        var price = ($(this).val() * p).toFixed(2);
        $(this).parents('.p-num').siblings('.p-sum').html('￥' + price);
        // console.log(p);
        // console.log($(this).parents('.p-price').html().substr(1));
        getSum();
        

    });
    //总计和总和模块
    //总计的实现
    function getSum(){
        var count = 0;
        var money = 0;
        $('.itxt').each(function(i,ele){
            count += parseInt($(ele).val());
        });
        $('.amount-sum em').text(count);
        //总和的实现
        $('.p-sum').each(function(i,ele){
            money += parseFloat($(ele).text().substr(1));
        });
        $('.price-sum em').text('￥' +money.toFixed(2));
    }

    //删除模块
    //(1)商品后面的删除按钮
    $('.p-action a').click(function(){
        $(this).parents('.cart-item').remove();
        getSum();
    })
    //(2)删除选中商品
    $('.remove-batch').click(function(){
        $('.j-checkbox:checked').parents('.cart-item').remove();
        if($('.j-checkbox').length === 0) {
            $('.checkall').prop('checked',false);
        }
        getSum();
    })
    //(3)清空购物车 删除全部商品
    $('.clear-all').click(function(){
        $('.cart-item').remove();
        if($('.j-checkbox').length === 0) {
            $('.checkall').prop('checked',false);
        }
        getSum();
    })
});